import React, { useRef } from 'react'

export default function App() {

    // 第一种使用方式，用 ref 标记一个 DOM 元素
    const inpRef = useRef(null)
    const intervalRef = useRef(null)

    // 第二种用法，用 ref 标记一个变量或者倒计时 定时器
    intervalRef.current = setInterval(() => { }, 1000)

    return (
        <div>
            <h1>App</h1>

            <input type="text" ref={inpRef} />

            <button onClick={() => {

                console.log(inpRef.current.value);

                clearInterval(intervalRef.current)
            }}>点击获取输入框内容</button>

        </div>
    )
}
